body {
    background-color: #f1f1f1;
    height: 2000px;
}

.mg-nav {
    background-color: #fff;
    
    ul {
     height:240px;
     overflow: hidden;
        text-align: center;
        li {
            width: 25%;
            height:1.866667rem /* 140/75 */;
            float: left;
            padding-top: .266667rem /* 20/75 */;
            margin-top: .4rem /* 15/75 */;
            img {
                width: 1.333333rem /* 100/75 */;
            }
            span{
                display: block;
                margin-top: .2rem /* 15/75 */;
            }
        }
    }
  
}
.mg-recommend,
.mg-brand {
    height: .933333rem /* 70/75 */;
    background-color: #ff841d;
    line-height: .933333rem /* 70/75 */;
    color: #fff;
    font-size: 20px;
    padding-left: .2rem /* 15/75 */;
    margin-top: .266667rem /* 20/75 */;
    img {
        width: .533333rem /* 40/75 */;
        height: .533333rem /* 40/75 */;
        margin: .2rem /* 15/75 */
    }

}
.mg-recommendList {
    background-color: #fff;
    ul {
        li {
            width: 100%;
            height: 2.666667rem /* 200/75 */;
            overflow: hidden;
            padding: .2rem /* 15/75 */;
            font-size: 16px;
            border-bottom: 2px solid #e5e5e5;
            a {
                display: block;
                height: 100%;
                width: 100%;
                position: relative;
                .proPic {
                    width:25%;
                    float: left;
                    img {
                       width: 1.866667rem /* 140/75 */;
                        display: block;
                    }
                }
                .proInfo {
                    position: absolute;
                    top: 0;
                    right: 0;
                    height: 1.466667rem /* 110/75 */;
                    width: 78%;
                    .title {
                        height: 1.6rem /* 120/75 */;
                        margin-bottom: .2rem /* 15/75 */ 0;
                        line-height: .6rem /* 45/75 */;
                        span {
                            color: #ff841d;
                        }
                    }
                    .detail {
                        color : #a19a97;
                        height: .8rem /* 60/75 */;
                        font-size: 16px;
                      
                       
                    }
                }
            }

        }
       
    }
    .moreInfo {
        
        height: .8rem /* 60/75 */;
        border: 1px solid #e5e5e5;
        margin: .266667rem /* 20/75 */ .133333rem /* 10/75 */;
        text-align: center;
        background-color: pink;
        line-height: .8rem /* 60/75 */;
    }
}
